    html {
        background: #fff;
    }
    
    p {
        margin: 0;
        padding: 0;
    }
    
    ol,
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    * {
        padding: 0;
        margin: 0;
        list-style: none
    }
    
    body {
        overflow-x: hidden;
        position: relative;
    }
    
    .w944 {
        width: 93%;
        margin-left: 3%;
        overflow: hidden;
        position: relative;
        padding-bottom: 100px;
    }
    
    .clearFix:after {
        content: "";
        display: block;
        clear: both;
    }
    
    .marB {
        margin-bottom: 26px;
        height: 38px;
        line-height: 33px;
        overflow: hidden;
    }
    /*右侧导航条上*/
    
    .label_top {
        width: 100%;
        height: 33px;
        line-height: 33px;
        margin-bottom: 30px;
        padding: 10px 0 5px;
        border-bottom: 1px solid #ccc;
        position: relative;
    }
    
    .label_top button {
        width: 60px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        font-size: 14px;
        color: #666;
        outline: none;
        background: transparent;
        border: 1px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
        margin-right: 5px;
    }
    
    .label_top i {
        font-style: normal;
    }
    
    .label_top p {
        height: 17px;
        line-height: 17px;
        color: #000;
        font-size: 15px;
        display: inline-block;
    }
    
    .label_top p i.line {
        height: 17px;
        width: 2px;
        background: #44CEF6;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 2px;
    }
    
    .label_top .rightBtn {
        width: 10%;
        height: 30px;
        line-height: 30px;
        display: block;
        float: right;
        cursor: pointer;
        border: 1px solid #44CEF6;
        color: #44CEF6;
        border-radius: 5px;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        box-sizing: border-box;
        margin-left: 10px;
    }
    
    .label_top span {
        font-size: 16px;
        color: #44CEF6;
        position: absolute;
        top: 0;
        right: 80px;
        cursor: pointer;
    }
    
    .label_top a {
        width: 53px;
        height: 26px;
        display: inline-block;
        background: url(../qudaoImg/shuaxin.jpg) top center no-repeat;
        position: absolute;
        top: 10px;
        right: 17px;
    }
    
    .label_top em {
        font-size: 16px;
        color: #44cef6;
        font-style: normal;
        cursor: pointer;
        margin-left: 10px;
        font-weight: bold;
    }
    
    .label_table .el-dropdown span.dataManipulation {
        color: #44CEF6!important;
        width: 100px;
        height: 33px;
        line-height: 30px;
        text-align: center;
        margin-left: 10px;
        box-sizing: border-box;
        border: 1px solid #44CEF6;
        border-radius: 5px;
        display: inline-block;
    }
    
    //  
    //右侧内容上方按钮
    .el-tabs-report {
        font-size: 14px;
        margin-bottom: 30px;
        height: 33px;
        position: relative;
    }
    
    .el-tabs-report a {
        background: #44CEF6;
        height: 33px;
        line-height: 33px;
        width: 10%;
        display: inline-block;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
    }
    
    .el-tabs-report a.listTwo {
        color: #44CEF6;
        background: #fff;
    }
    
    .el-tabs-report a.active {
        color: #fff;
        background: #999;
    }
    
    .el-tabs-report a.listThree {
        margin: 0 10px;
    }
    
    .el-tabs-report ul {
        width: 410px;
        overflow: hidden;
        display: inline-block;
    }
    
    .el-tabs-report li {
        width: 80px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #44CEF6;
        border: 1px solid #44CEF6;
        float: left;
        border-radius: 3px;
        margin: 0 20px 10px 0;
        cursor: pointer;
    }
    
    .el-tabs-report li.active {
        background: #44CEF6;
        color: #fff;
    }
    
    .el-tabs-report .tongji {
        display: inline-block;
        width: 300px;
    }
    
    .el-tabs-report .tongji span {
        font-size: 16px;
        color: #333;
        width: 96px;
        display: inline-block;
        text-align: center;
    }
    
    .el-tabs-report .tongji span b {
        display: block;
        text-align: center;
        margin-bottom: 5px;
        font-weight: normal;
    }
    /*页面展示上方 下拉框  搜索框*/
    
    .el-tabs-report .el-cascader .el-input {
        position: absolute;
    }
    
    .el-cascader .el-input__inner::-webkit-input-placeholder,
    .msearch input::-webkit-input-placeholder {
        color: #666;
    }
    
    .el-tabs-report .el-select,
    .el-tabs-report .el-select .el-input,
    .el-tabs-report .el-select .el-input input,
    .el-cascader,
    .el-cascader .el-input,
    .el-cascader input {
        width: 140px;
        height: 33px;
        line-height: 33px;
        font-size: 12px;
        border-radius: 7px;
        color: #666;
    }
    
    .el-tabs-report .el-input__suffix .el-input__icon {
        line-height: 35px!important;
    }
    
    .el-tabs-report .msearch {
        width: 252px;
        height: 33px;
        line-height: 33px;
        font-size: 12px;
        // display: inline-block;
        position: relative;
        float: right;
    }
    
    .el-tabs-report .msearch input {
        height: 31px;
        line-height: 31px;
        border-radius: 7px;
        width: 209px;
        padding-left: 9px;
        font-size: 12px;
        border: 1px solid #d4d4d4;
        border-right: 0;
        color: #666;
    }
    
    .el-tabs-report .msearch input:focus {
        outline: none;
    }
    
    .el-tabs-report .msearch a {
        width: 42px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .el-tabs-report .el-select,
    .el-tabs-report .el-cascader {
        position: absolute;
        top: 0;
    }
    
    .el-tabs-report .th_5 {
        right: 737px!important;
    }
    
    .el-tabs-report .th_4 {
        right: 579px!important;
    }
    
    .el-tabs-report .th_3 {
        right: 422px!important;
    }
    
    .el-tabs-report .th_2 {
        right: 267px!important;
    }
    
    //  .el-tabs-report .msearch input::-webkit-input-placeholder{color: #b8b8b8;} 
    //  .el-tabs-report .msearch input:-moz-placeholder{color: #b8b8b8;} 
    //  .el-tabs-report input::-moz-placeholder{color: #b8b8b8;} 
    //  .el-tabs-report input:-ms-input-placeholder{color: #b8b8b8;}
    /*分页 表格设置*/
    
    .el-table__row td {
        height: 44px;
        line-height: 44px;
    }
    
    .el-table thead th .cell,
    .el-table__row td .cell {
        color: #333
    }
    
    .el-table tr td:nth-child(1) .cell,
    .el-table th:nth-child(1) .cell {
        padding-left: 0!important;
    }
    
    .el-table__row button {
        color: #44CEF6
    }
    
    .cancellation {
        font-style: normal;
        font-size: 12px;
    }
    
    .el-table__row td button,
    .el-table__row td .cell {
        padding: 0;
    }
    
    .el-table .cell,
    .el-table th div,
    .el-table--border td:first-child .cell,
    .el-table--border th:first-child .cell {
        padding: 0;
        text-align: center;
    }
    
    .el-button {
        border: 0!important;
        padding: 12px 16px;
        font-size: 14px!important;
    }
    
    .el-button.green {
        color: #44CEF6!important;
    }
    
    .el-button.blue {
        color: #0083E2!important;
    }
    
    .el-button.red {
        color: #FF2D51!important;
    }
    
    .el-button.allSelect {
        color: #333!important;
    }
    
    .el-button.allDelete {
        color: #FF2D51!important;
    }
    
    .el-button.allSelect,
    .el-button.allDelete {
        background: transparent!important;
        padding: 9px 5px;
        margin: 0;
        display: inline-block;
    }
    
    //  .el-button:active,.el-button:hover{background: transparent!important;}
    .pag_block {
        float: right;
    }
    
    .fenyeMargin {
        margin-top: 30px;
    }
    
    .w944 .el-pager li {
        width: 24px;
        height: 25px;
        line-height: 25px;
        color: #ccc;
        min-width: 24px;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 5px;
        font-size: 12px;
        border: 1px solid #ccc;
        padding: 0;
        margin: 0 3px;
    }
    
    //  .w944 .el-pager li.active+li{border-left: 1px solid #ccc;}
    .w944 .el-pager li:nth-child(2) {
        border-left: 1px solid #ccc;
    }
    
    .el-pager li.active {
        color: #44CEF6;
        border: 1px solid #44CEF6;
    }
    
    .el-pager li:hover {
        color: #44CEF6;
        border: 1px solid #44CEF6;
    }
    
    .el-pager li:nth-child(2):hover {
        border: 1px solid #44CEF6;
    }
    
    .el-pagination .btn-prev {
        padding-right: 6px;
    }
    
    .el-pagination .btn-next {
        padding-left: 6px;
    }
    
    .el-pagination__jump {
        margin: 0;
    }
    
    a {
        text-decoration: none;
    }
    
    //  a:active{background:#0083E2!important;}
    /*状态弹窗*/
    
    .stateWrap {
        width: 200px;
        height: auto;
        text-align: center;
        border: 1px solid #ccc;
        color: #a0a0a0;
        position: fixed;
        font-size: 14px;
        top: 50%;
        left: 50%;
        margin-left: -100px;
        margin-top: -50px;
        z-index: 999;
        background: #fff;
    }
    
    .stateWrap a {
        position: absolute;
        top: 3px;
        right: 8px;
        height: 10px;
        cursor: pointer;
    }
    
    .stateWrap p {
        padding: 40px 5px;
        line-height: 22px;
    }
    /*失败状态弹窗*/
    
    .stateWrapSecond {
        width: 200px;
        height: auto;
        text-align: center;
        border: 1px solid #ccc;
        color: #a0a0a0;
        position: fixed;
        font-size: 14px;
        top: 50%;
        left: 50%;
        margin-left: -100px;
        margin-top: -50px;
        z-index: 999;
        background: #fff;
    }
    
    .stateWrapSecond a {
        position: absolute;
        top: 3px;
        right: 8px;
        height: 10px;
        cursor: pointer;
    }
    
    .stateWrapSecond p {
        padding: 40px 5px;
        line-height: 22px;
    }
    /*删除弹窗*/
    
    .beforeDelete {
        width: 467px;
        height: 250px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -125px;
        margin-left: -233px;
        z-index: 999;
        background: #fff;
        border: 1px solid #ccc;
    }
    
    .beforeDelete p {
        text-align: center;
        font-size: 16px;
        color: #333;
        margin-top: 63px;
    }
    
    .beforeDelete .delBtn {
        width: 287px;
        margin: 0 auto;
        margin-top: 63px;
    }
    
    .beforeDelete .delBtn a {
        background: #44CEF6;
        height: 33px;
        line-height: 33px;
        width: 100px;
        display: inline-block;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }
    
    .beforeDelete .delBtn a:nth-child(2) {
        background: #ccc;
        margin-left: 81px;
    }
    /*优化弹窗*/
    
    .alert .success {
        width: 200px;
        height: auto;
        border: 1px solid #ccc;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -100px;
        z-index: 9999;
        background: #fff;
    }
    
    .deleteAlert .success {
        width: 400px;
        height: auto;
        border: 1px solid #ccc;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -102px;
        margin-left: -200px;
        z-index: 999;
        background: #fff;
    }
    
    .success p {
        padding: 40px 5px;
        line-height: 22px;
        text-align: center;
        font-size: 14px;
        color: #a0a0a0;
    }
    
    .deleteAlert .success p {
        padding: 50px 5px;
        font-size: 16px;
        color: #333;
    }
    
    .success .close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #a0a0a0;
    }
    
    .success .submit,
    .success .cancel {
        width: 85px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
        margin: 30px 0 30px 74px;
    }
    
    .success .submit {
        background: #44CEF6;
    }
    
    .success .cancel {
        background: #ccc;
    }
    
    //  榜单弹窗统一设置
    .bangdanWrap {
        width: 350px;
        height: 200px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -175px;
        z-index: 999;
        background: #fff;
        border: 1px solid #ccc;
        padding-top: 50px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    
    .bangdanWrap .bd_line {
        overflow: hidden;
    }
    
    .bangdanWrap .bd_line span {
        font-size: 16px;
        color: #333;
        margin-left: 39px;
    }
    
    .bangdanWrap .bd_line input {
        width: 200px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
    }
    
    .bangdanWrap .footerButton a {
        margin-top: 35px;
        margin-left: 54px;
    }
    
    .bangdanWrap .footerButton a.cancel {
        margin-left: 41px;
    }
    
    //  组织新增弹窗
    .orgManagerWrap {
        width: 400px;
        height: 300px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -140px;
        margin-left: -200px;
        z-index: 999;
        background: #fff;
        border: 1px solid #ccc;
        padding-top: 20px;
        box-sizing: border-box;
    }
    
    .orgManagerWrap .bd_line {
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;
    }
    
    .orgManagerWrap .bd_line span {
        font-size: 16px;
        color: #333;
        margin-left: 39px;
    }
    
    .orgManagerWrap .bd_line em {
        font-style: normal;
        font-size: 16px;
        color: #333;
        margin-left: 5px;
    }
    
    .orgManagerWrap .bd_line input {
        width: 200px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
        border: 1px solid #cdcbcb;
        border-radius: 3px;
    }
    
    .orgManagerWrap .bd_line .el-cascader,
    .orgManagerWrap .bd_line .el-cascader .el-input {
        width: 200px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        box-sizing: border-box;
    }
    
    .orgManagerWrap .bd_line .el-cascader .el-input input {
        width: 200px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
        border: 1px solid #cdcbcb;
        border-radius: 3px;
    }
    
    .orgManagerWrap .bd_line .el-cascader .el-input__icon {
        line-height: 33px;
    }
    
    .orgManagerWrap .bd_line textarea {
        width: 258px;
        height: 80px;
        font-size: 14px;
        color: #999;
        padding: 5px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 3px;
    }
    
    .orgManagerWrap .footerButton a {
        margin-top: 9px;
        margin-left: 85px;
    }
    
    .orgManagerWrap .footerButton a.cancel {
        margin-left: 41px;
    }
    
    //  版本弹窗
    .versionWrap {
        width: 400px;
        height: 300px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -150px;
        margin-left: -200px;
        z-index: 999;
        background: #fff;
        border: 1px solid #ccc;
        padding-top: 20px;
        box-sizing: border-box;
    }
    
    .versionWrap p {
        margin: 0 0 20px 20px;
    }
    
    .versionWrap .version_line {
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;
        height: auto;
    }
    
    .versionWrap .version_line em {
        font-size: 16px;
        color: #333;
        width: 90px;
        display: inline-block;
        text-align: right;
        font-style: normal;
    }
    
    .versionWrap .el-radio__input {
        vertical-align: bottom;
    }
    
    .versionWrap .version_line input {
        width: 200px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
        border: 1px solid #cdcbcb;
        border-radius: 3px;
    }
    
    .versionWrap .version_line textarea {
        width: 258px;
        height: 80px;
        font-size: 14px;
        color: #333;
        padding: 5px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 3px;
        position: absolute;
        top: 0;
        left: 95px;
    }
    
    .versionWrap .footerButton a {
        margin-left: 85px;
        margin-top: 0;
    }
    
    .versionWrap .footerButton a.cancel {
        margin-left: 41px;
    }
    
    //  新增统一布局
    .createLine {
        overflow: hidden;
        margin-bottom: 20px;
    }
    
    .createLine em {
        width: 96px;
        display: inline-block;
        font-size: 16px;
        color: #333;
        text-align: right;
        font-style: normal;
    }
    
    .createLine input {
        width: 250px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
        border: 1px solid #cdcbcb;
        border-radius: 3px;
    }
    
    .createLine .editor {
        margin: 20px 0 0 96px;
    }
    
    //学习进度弹窗设置    
    .enlargeWrap {
        width: 550px;
        height: 486px;
        border: 1px solid #e6e6e6;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -275px;
        margin-top: -243px;
        z-index: 999;
        background: #fff;
    }
    
    .enlargeWrap .title {
        width: 524px;
        height: 34px;
        line-height: 34px;
        background: #e6e6e6;
        font-size: 16px;
        color: #333;
        padding-left: 26px;
    }
    
    .enlargeWrap .elClose {
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        top: 7px;
        right: 10px;
        cursor: pointer;
        color: #aaa;
    }
    
    .enlargeWrap .bumen {
        margin-left: 26px;
        overflow: hidden;
    }
    
    .enlargeWrap .bumen .bumenTitle {
        font-size: 14px;
        color: #333;
        margin-top: 15px;
    }
    
    .enlargeWrap .elDetail p {
        overflow: hidden;
        margin-left: 43px;
        width: 400px;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        color: #333
    }
    
    .enlargeWrap .determine {
        background: #44CEF6;
        height: 33px;
        line-height: 33px;
        width: 100px;
        display: inline-block;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    
    //  switch
    .switchStyle span.el-switch__label {
        position: absolute;
        display: none;
        color: #fff;
        font-size: 12px!important;
    }
    
    .switchStyle span.el-switch__label--left {
        z-index: 9;
        left: 20px;
        top: 1px;
    }
    
    .switchStyle span.el-switch__label--right {
        z-index: 9;
        left: -6px;
        top: 1px;
    }
    
    .switchStyle span.el-switch__label.is-active {
        display: block;
    }
    
    .switchStyle.el-switch .el-switch__core,
    .el-switch .el-switch__label {
        width: 50px !important;
    }
    
    .el-switch__label * {
        font-size: 12px!important;
        color: #fff!important;
    }
    /* f发布弹窗设置 */
    
    .fabu {
        width: 480px;
        height: 244px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -122px;
        margin-left: -240px;
        z-index: 999;
        border: 1px solid #ccc;
        background: #fff;
    }
    
    .fabu .fabuClose {
        position: absolute;
        top: 10px;
        right: 14px;
        color: #333;
        cursor: pointer;
    }
    
    .fabu p {
        margin: 57px auto 70px;
        font-size: 16px;
        color: #999;
        text-align: center
    }
    
    .fabu .fabuButton a {
        background: #44CEF6;
        height: 33px;
        line-height: 33px;
        width: 100px;
        display: inline-block;
        color: #fff;
        margin: 30px auto 0;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        margin-left: 112px
    }
    
    .fabu .fabuButton a.right {
        margin-left: 68px;
        background: #ccc
    }
    
    //此处设置safair样式//
    _::-webkit-full-page-media,
    _:future,
     :root .safari_only {
        .w944 {
            padding-bottom: 200px;
        }
    }
    
    .edui-default .edui-editor-breadcrumb {
        display: none!important
    }
    
    //复选框
    .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #44CEF6!important
    }
    
    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: #44CEF6!important;
        border-color: #44CEF6!important;
    }
    
    //  字数过多显示隐藏
    /*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;*/
    
    //新增底部的两个按钮
    .footerButton a {
        width: 100px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        font-size: 14px;
        margin-top: 85px;
        background: #44CEF6;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        margin-left: 304px;
        cursor: pointer;
    }
    
    .footerButton a.cancel {
        margin-left: 208px;
        background: #ccc;
    }
    
    //直播链接查看弹窗
    .liveSeen {
        width: 480px;
        height: auto;
        padding: 20px 20px 30px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -122px;
        margin-left: -240px;
        z-index: 999;
        border: 1px solid #ccc;
        background: #fff;
    }
    
    .liveSeen p {
        font-size: 16px;
        color: #333;
    }
    
    .liveClose {
        position: absolute;
        top: 18px;
        right: 8px;
        cursor: pointer;
        color: #333;
        width: 15px;
        height: 15px;
        display: block;
    }
    
    .fenleiDiv .line {
        width: 100%;
        height: 32px;
        padding: 10px 0;
        overflow: hidden;
    }
    
    .fenleiDiv .line span {
        font-size: 14px;
        color: #333;
        width: 105px;
        text-align: right;
        display: inline-block;
    }
    
    .fenleiDiv .line input {
        width: 495px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
        padding-left: 10px;
        color: #666;
        font-size: 14px;
    }
    
    .fenleiDiv .line a {
        font-size: 12px;
        color: #44CEF6;
        width: 30px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
    }
    
    .fenleiDiv .line .a_1 {
        border-right: 1px solid #ccc;
        width: 36px;
    }
    
    .fenleiDiv p {
        font-size: 14px;
        color: #333;
        text-align: center;
        margin: 10px 0;
    }
    
    .fenleiDiv p i {
        width: 30px;
        height: 1px;
        display: inline-block;
    }
    
    .fenleiDiv p a {
        font-size: 12px;
        color: #0083E2;
        float: right;
    }
    
    .liveSeen_inner {
        margin-top: 20px;
        width: 617px;
        box-sizing: border-box;
    }
    
    .el-tabs--top .el-tabs__item.is-top:last-child {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    .el-tabs__item {
        width: 80px;
        text-align: center;
        padding: 0!important;
    }
    
    .el-tabs__item:nth-child(2) {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    
    .el-tabs__item.is-active {
        border-bottom: 2px solid #409EFF;
    }
    /*编辑回放弹窗设置*/
    
    .editPlayBack {
        width: 398px;
        height: auto;
        padding: 20px 20px 30px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -122px;
        margin-left: -199px;
        z-index: 999;
        border: 1px solid #ccc;
        background: #fff;
    }
    
    .editPlayBack p {
        margin-bottom: 20px;
    }
    
    .editPlayBack p span {
        font-size: 16px;
        color: #44CEF6;
    }
    
    .editPlayBackLine {
        overflow: hidden;
        margin-bottom: 15px;
    }
    
    .editPlayBackLine span {
        font-size: 14px;
        color: #333;
    }
    
    .editPlayBackLine input {
        width: 200px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
        padding-left: 10px;
        color: #666;
        font-size: 14px;
        border-radius: 5px;
    }
    
    .editPlayBackLine .uploadVideoBtn {
        background: #44cef6;
        height: 33px;
        line-height: 33px;
        width: 80px;
        display: inline-block;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        outline: none;
        border: none;
        position: relative;
        *display: inline;
        font-size: 14px;
    }
    
    .editPlayBackLine .uploadVideoBtn input {
        height: 33px;
        line-height: 33px;
        width: 80px;
        position: absolute;
        font-size: 80px;
        right: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
        overflow: hidden;
    }
    
    .editPlayBackLine button {
        color: #333!important;
        width: 68px;
        overflow: hidden;
    }
    
    .editPlayBack .footerButton a {
        margin-left: 70px;
        margin-top: 30px;
    }
    
    .editPlayBack .footerButton a.cancel {
        margin-left: 58px;
    }
    
    //课件小节数据
    .liveDataWrap {
        width: 442px;
        height: 250px;
        padding: 20px 20px 30px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -125px;
        margin-left: -221px;
        z-index: 999;
        border: 1px solid #ccc;
        background: #fff;
    }
    
    .liveDataWrap span {
        display: inline-block;
    }
    
    .liveDataWrap span,
    .liveDataWrap p {
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
    }
    
    .liveDataWrap p {
        margin-bottom: 40px;
    }
    
    .liveDataWrap .sign {
        color: #f00;
    }
    
    .liveDataWrap .import {
        color: #44CEF6;
        font-size: 14px;
    }
    
    .liveDataWrap .liveDataClose {
        color: #333;
        position: absolute;
        top: 8px;
        right: 10px;
        cursor: pointer;
    }
    
    .listDiv {
        width: 400px;
        height: auto;
        margin: 0 auto;
    }
    
    .listDiv div {
        width: 100px;
        height: 60px;
        float: left;
        margin: 0 20px 20px 0;
        text-align: center;
    }
    
    .listDiv div b {
        display: block;
    }
    
    .listDiv div span {
        display: block;
        margin-top: 10px;
    }
    
    //查看综合统计--雷达图
    .zongheTongji {
        width: 450px;
        height: 240px;
        padding: 20px 20px 0;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -120px;
        margin-left: -225px;
        z-index: 999;
        border: 1px solid #ccc;
        background: #fff;
        overflow: hidden;
    }
    
    .zongheTongji p {
        font-size: 14px;
        color: #333;
        margin-bottom: 40px;
    }
    
    .zongheTongji .tongjiclose {
        color: #333;
        position: absolute;
        top: 8px;
        right: 10px;
        cursor: pointer;
    }
    
    //课件组echarts 超总数据
    .echartData {
        width: 400px;
        height: 430px;
        padding: 20px;
        box-sizing: border-box;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -215px;
        margin-left: -200px;
        z-index: 999;
        border: 1px solid #ccc;
        background: #fff;
    }
    
    .echartDataClose {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }
    
    .echartData p {
        font-size: 15px;
        color: #333;
        line-height: 26px;
    }
    
    .echartsContainer {
        margin: 10px 0;
    }
    
    .echartsContainer li {
        width: 33.33%;
        float: left;
    }
    
    .echartsContainer li b {
        font-size: 14px;
        display: block;
        color: #333;
        text-align: center;
        margin-top: 10px;
    }
    
    .echartsContainer li .el-progress--circle {
        width: 100%;
    }
    
    .echartsContainer .el-progress-circle {
        width: 80px!important;
        height: 80px!important;
        margin: 0 auto;
    }